<template>
  <component :is="comp.tabs" :push="val" />
</template>
<script>
import { Gamepad } from "@vicons/fa";
import {
  CrownTwotone,
  MergeCellsOutlined,
  SketchOutlined,
  DeleteFilled,
  IdcardOutlined,
} from "@vicons/antd";
import { Gamification } from "@vicons/carbon";

export default defineComponent({
  setup() {
    const comp = {
      tabs: defineAsyncComponent(() => import(`@/comp/nav_tabs.vue`)),
      role_sql: defineAsyncComponent(() => import(`./admin/role_sql.vue`)),
      boss_sql: defineAsyncComponent(() => import(`./admin/boss_sql.vue`)),
      clan_brawl_sql: defineAsyncComponent(() => import(`./admin/clan_brawl_sql.vue`)),
      bbd_season: defineAsyncComponent(() => import(`./admin/bbd_season.vue`)),
      cloud_cmd: defineAsyncComponent(() => import(`./admin/cloud_cmd.vue`)),
      sv_stat: defineAsyncComponent(() => import(`./admin/sv_stat.vue`)),
      bz_info: defineAsyncComponent(() => import(`./admin/bz_info.vue`)),
      guild_sql: defineAsyncComponent(() => import(`./admin/guild_sql.vue`)),
    };

    let val = {
      tab: [
        {
          icon: Gamepad,
          comp: comp.role_sql,
          title: `角色库`,
          ck: `role_sql`,
        },
        {
          icon: Gamepad,
          comp: comp.boss_sql,
          title: `首领库`,
          ck: `boss_sql`,
        },
        {
          icon: CrownTwotone,
          comp: comp.guild_sql,
          title: `公会库`,
          ck: `guild_sql`,
        },
        {
          icon: CrownTwotone,
          comp: comp.clan_brawl_sql,
          title: `作业库`,
          ck: `clan_brawl_sql`,
        },
        {
          icon: CrownTwotone,
          comp: comp.cloud_cmd,
          title: `BOT管理`,
          ck: `cloud_cmd`,
        },
        {
          icon: Gamepad,
          comp: comp.sv_stat,
          title: `服务器监控`,
          ck: `sv_stat`,
        },
      ],
    };

    return {
      comp,
      val,
    };
  },
});
</script>
